<html>
    <head>
        <title>{$title|default:"no title"}</title>

        {literal}
            <link href="css/fontstyle.css" rel="stylesheet" type="text/css" charset="utf-8" />
            <link href="css/style.css" rel="stylesheet" type="text/css" />

            <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
            <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>

            <script type="text/javascript">
            $(document).ready(function() {
                $('.slideshow').cycle({
                    fx: 'scrollLeft'
                });
            });
            </script>
        {/literal}
    </head>
    <body id="index">

        {include file='header.tpl'}

        <div id="container">
            <table border="0" width="100%">
                <tr valign="top">
                    <td width="65%" class="trslideshow">
                        <div class="slideshow">
                            <img src="images/sample1.jpg" width="100%" height="90%" />
                            <img src="images/sample2.jpg" width="100%" height="90%" />
                        </div>
                    </td>
                    <td>
                        <div class="featurebox">
                            {foreach item=f from=$feats name="feats"}
                                <div class="featureinsidebox">
                                    <div class="featcurrency">
                                        {$f.currency}
                                    </div>
                                    <div class="featprice">
                                        {$f.pricestart|number_format:0:",":"."}
                                    </div>

                                    <div class="featperlabel">
                                        per <br />
                                        person
                                    </div>
                                    <div class="feattitle">
                                        {$f.short_title}
                                    </div>
                                    <div class="featdays">
                                        {$f.days} days from {$f.city}
                                    </div>
                                    <div class="featseemore">
                                        <a href="packagedetail.php?id={$f.id}&destid={$f.dest_id}">
                                            See More
                                        </a>
                                    </div>
                                    <a href="packagedetail.php?id={$f.id}&destid={$f.dest_id}">
                                        <div class="featreadmoreicon"></div>
                                    </a>
                                </div>

                                {if !$smarty.foreach.feats.last}
                                    <div class="featseparator"></div>
                                {/if}
                            {/foreach}
                        </div>

                        <div class="featurespacer"></div>

                        <div class="featureallpackagebox">
                            <div class="featureallpackageinsidebox">
                                <a href="ourpackages.php">
                                    SEE ALL PACKAGES
                                    <div class="featreadmoreicon" style="margin-top: -5px;"></div>
                                </a>
                            </div>
                        </div>

                    </td>
                </tr>
            </table>

            <div id="footer-spacer"></div>
        </div>

        {include file='footer.tpl'}
    </body>
</html>